<template>
  <div class="table_empty">
    <img class="empty-icon" :src="imgsrc" :style="{width:width}" />
    <div class="empty_tips">{{ emptyText }}</div>
  </div>
</template>
<script>
export default {
  props: {
    emptyText: {
      type: String,
      default: '暂无数据'
    },
    imgsrc:{
      default:require('@/assets/images/ic_table_empty.png')
    },
    width:{
      type:String,
      default:"64px"
    }
  }
}
</script>
<style lang="scss">
.table_empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 0 60px;
  .empty-icon {
    // height: 40px;
    object-fit: contain;
  }
  .empty_tips {
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: rgba(0,0,0,.25);
  }
}
</style>